import { useEffect } from '@wordpress/element'; import { __ } from '@wordpress/i18n'; import { ArrowRightIcon, ArrowLongLeftIcon } from '@heroicons/react/24/outline'; // import { useDispatch } from '@wordpress/data'; import Button from '../components/button'; // import { STORE_KEY } from '../store'; import { Graphics } from '../ui/graphics'; import { useNavigateSteps } from '../router'; import Header from '../components/header'; const GetStarted = () => { const { nextStep } = useNavigateSteps(); // const { setLimitExceedModal } = useDispatch( STORE_KEY ); // const authenticated = aiBuilderVars?.zip_token_exists; // const zipPlans = aiBuilderVars?.zip_plans; // const sitesRemaining = zipPlans?.plan_data?.remaining; // const aiSitesRemainingCount = sitesRemaining?.ai_sites_count; useEffect( () => { nextStep(); // const urlParams = new URLSearchParams( window.location.search ); // const token = urlParams.get( 'token' ); // if ( token || authenticated ) { // if ( // typeof aiSitesRemainingCount === 'number' && // aiSitesRemainingCount <= 0 // ) { // setLimitExceedModal( { // open: true, // } ); // } else { // nextStep(); // } // } }, [] ); return (
{ __( 'Here is how the AI Website Builder works:', 'ai-builder' ) }